<div class="manager-container" *ngIf="CVMS.getCurrentView() === viewName" >
  <nz-carousel nzAutoPlay nzDots="false" nzEffect="fade" [nzAutoPlaySpeed]="8000">
    <div nz-carousel-content *ngFor="let str of banners">
      <h3>{{ str }}</h3>
    </div>
  </nz-carousel>
  <nz-table #basicData [nzData]="articles" [nzEllipsis]="true">
    <thead>
    <tr>
      <th>标题</th>
      <th>类型</th>
      <th>标签</th>
      <th>发布时间</th>
      <th>最新编辑</th>
      <th>阅读量</th>
      <th>
        操作
        <i nz-icon nzType="plus-circle" style="color: var(--color-primary);" nzTheme="outline" (click)="toCreateArticle()"></i>
      </th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let data of basicData.data">
      <td title="{{data.article_title}}">
        {{ sliceTagName(data.article_title) }}
      </td>
      <td title="{{ data.type === '1' ? '生活' : '学习'  }}">
        {{ data.type === '1' ? '生活' : '学习'  }}
      </td>
      <td title="{{ data.article_categorys }}">
        {{ sliceTagName(data.article_categorys) }}
      </td>
      <td title="{{ data.article_date | date : 'yyyy-MM-dd HH:mm:ss' }}">
        {{ data.article_date | date : "yyyy-MM-dd HH:mm:ss" }}
      </td>
      <td title='{{ data.last_edit_date | date : "yyyy-MM-dd HH:mm:ss" }}'>
        {{ data.last_edit_date | date : "yyyy-MM-dd HH:mm:ss" }}
      </td>
      <td title="{{ data.article_views }}">
        {{ data.article_views }}
      </td>
      <td>
        <a (click)="editArticle(data)">编辑</a>
        <nz-divider nzType="vertical"></nz-divider>
        <a (click)="delArticle(data)">删除</a>
      </td>
    </tr>
    </tbody>
  </nz-table>
</div>
<router-outlet></router-outlet>
